<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>双良</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css" />
      <link rel="stylesheet" type="text/css" href="../../css/common.css" />
      <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
      <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
    	<link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
      <style>
          html, body {width: 100%;min-height: 100%;background: #ffffff;}
          .aui-active .aui-bar-tab-label{
            color: #f5a51c
          }
          .jiaojie{
            padding:13px;
          }
          .jiaojie_f1{
            background: #fff;
            padding: 13px;
            -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
            box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
            border-radius: 5px;
          }
          .jiaojie_f1 h5{
            margin-bottom: 20px;
            font-size: 14px;
            font-family: "微软雅黑";
            font-weight: 600;
          }
          .jiaojie_f1_txt{
            margin-top:13px;
          }
          .jiaojie_f1_txt textarea{
            width: 100%;
            height: 60px;
            background: #f1f1f1;
            border-radius: 3px;
            padding: 10px;
            font-size: 12px;
          }
          .jiaojie_btn{
            width:80%;
            margin:0 auto;
            height:45px;
            line-height: 45px;
            border-radius: 50px;
            background:#ff9000;
            font-size:14px;
            color:#fff;
            text-align: center;
            margin-top:20px;
          }


          [v-cloak] {
              display: none;
          }
      </style>
  </head>
  <body style="background:#fefefe;">
<div id="app" >

  <header class="aui-bar aui-bar-nav aui-bar-light">

          <div class="aui-title">货品转接</div>
          <a class="aui-pull-right aui-btn" onclick="openWinInfo(1)">
              <!-- <span class="aui-iconfont aui-icon-search"></span> -->
              交接选择
          </a>
  </header>
  <div class="aui-refresh-content jiaojie">
     <div class="jiaojie_f1">
       <h5>我的货车</h5>
       <div class="row">
         <div class="col-xs-3">
           <img src="../../image/jiaojie_index1.png" alt="" width="100%">
         </div>
         <div class="col-xs-3">
           <img src="../../image/jiaojie_index1.png" alt="" width="100%">
         </div>
         <div class="col-xs-3">
           <img src="../../image/jiaojie_index1.png" alt="" width="100%">
         </div>
         <div class="col-xs-3">
           <img src="../../image/jiaojie_index1.png" alt="" width="100%">
         </div>
       </div>
       <div class="jiaojie_f1_txt">
         <textarea name="name" placeholder="备注信息"></textarea>
       </div>
     </div>
  </div>
  <div class="aui-refresh-content jiaojie" style="padding-top:0;">
    <div class="jiaojie_f1">
      <h5>转接货车</h5>
      <div class="row">
        <div class="col-xs-3">
          <img src="../../image/co1.jpg" alt="" width="100%">
        </div>
        <div class="col-xs-3">
          <img src="../../image/co2.jpg" alt="" width="100%">
        </div>
        <div class="col-xs-3">
          <img src="../../image/co1.jpg" alt="" width="100%">
        </div>
        <div class="col-xs-3">
          <img src="../../image/co1.jpg" alt="" width="100%">
        </div>
      </div>
    </div>
  </div>
  <div class="jiaojie_btn">
    完成
  </div>




</div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/utils.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">


      function openWinInfo(type){
        api.openWin({
            name: 'type',
            url: './join.html',
            pageParam: {
                name: 'test',
            }
        });

      }
      apiready = function(){






      };




  </script>
  </html>
